<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>学生中心</title>

		<!--固定框架-->
		<link rel='stylesheet' href='css/bootstrap.min.css'>

		<!--图标库-->
		<link rel='stylesheet' href='css/material-design-iconic-font.min.css'>

		<!--核心样式-->
		<link rel="stylesheet" href="css/homePage.css">


	</head>
	<body>

		<div id="viewport">

			<!-- Sidebar -->
			<div id="sidebar">
				<header>
					<a href="#">学生中心</a>
				</header>
				<ul class="nav">
					<li>
						<a href="" id="start">
							<i class="zmdi zmdi-view-dashboard"></i> 题库练习
						</a>
					</li>
					<li>
						<a href="" id="history">
							<i class="zmdi zmdi-link"></i> 练习记录
						</a>
					</li>
					<li>
						<a href="" id="starttest">
							<i class="zmdi zmdi-widgets"></i> 我的考试
						</a>
					</li>
					<li>
						<a href="" id="testhistory">
							<i class="zmdi zmdi-calendar"></i>考试记录
						</a>
					</li>
					<li>
						<a href="" id="myinfo">
							<i class="zmdi zmdi-settings"></i> 个人信息
						</a>
					</li>
					<li>
						<a href="" id="aboutme">
							<i class="zmdi zmdi-info-outline"></i> 关于我们
						</a>
					</li>
					<li>
						<a href="" id="callme">
							<i class="zmdi zmdi-comment-more"></i> 联系我们
						</a>
					</li>
				</ul>
			</div>

			<!-- Content -->
			<div id="content">
				<nav class="navbar navbar-default">
					<div class="container-fluid">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="#"><i class="zmdi zmdi-notifications text-danger"></i>
								</a>
							</li>
							<li>

								<div class="img3">
									<div class="img2">
										<img id='imga' class="icon" src='' />

										<div id="menu">
											<a href="/updateicon">更换头像1</a>
											<a href="/updateicon2">更换头像2</a>
											<a href="/updatepassword">修改密码</a>
											<a href="/v1/users/logout">退出登陆</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</nav>
				<div class="container-fluid">
					<!-- 开始答题 -->
					<div id="test" style="display: none;">
						<div id="question" style="width: 300px;height: 300px;">
						</div>
						A<input type="radio" value="A" name="name">
						B<input type="radio" value="B" name="name">
						C<input type="radio" value="C" name="name">
						D<input type="radio" value="D" name="name">
						<input type="button" id="btn" value="下一题" />
						<input type="submit" id="submit" value="交卷" />
						<input type="submit" id="reload" value="重新开始" />

						<div>
							<h4>答题卡</h4>
							<ul id="card">
							</ul>
						</div>
					</div>

					<!-- 历史记录 -->
					<div id="history1" style="display: none;">
						<p>历史记录</p>
						<table border="1" id="history2" class="table table-striped table-hover">
							<thead class="thead-dark">
								<tr>
									<td>文件下载</td>
									<td>成绩</td>
									<td>提交时间</td>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
					</div>

					<!-- 参加考试 -->
					<div id="starttest1" style="display: none;">
						<p>考试列表</p>
						<table border="1" id="starttest2" class="table table-striped table-hover">
							<thead class="thead-dark">
								<tr>
									<td>考试名称</td>
									<td>开始时间</td>
									<td>结束时间</td>
									<td>操作</td>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
					</div>


					<!-- 考试记录 -->
					<div id="testhistory1" style="display: none;">
						<p>历史考试</p>
						<table border="1" id="testhistory2" class="table table-striped table-hover">
							<thead class="thead-dark">
								<tr>
									<td>考试名称</td>
									<td>成绩</td>
									<td>提交时间</td>
									<td>花费时间</td>
									<td>操作</td>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
					</div>


					<div id="myinfo1" style="display: none;">
						<p>信息设置</p>
						
						<!-- 提交信息界面 -->
						<div id="infotijiao" style="display: none;">
							<div class="form-group">
								姓名:<input type="text" class="form-control" id="user_name" />
								班级:<select id="class_room" class="form-control">
									<option value="">请选择</option>
								</select>
								<!-- <input type="text" class="form-control"  id="class_room"/> -->
								学号:<input type="text" class="form-control"  id="student_id"/>
							</div>
							<!-- bootstrap 4.x版本才有d-flxe -->

							<button type="button" class="btn btn-success" id="student_submit">提交</button>


						</div>
						
						<!-- 显示信息界面 -->
						<div id="infoshow" style="display: none;">
							<table border="1" class="table table-striped table-hover" id="infoshow1">
								<thead class="thead-dark">
									<tr>
										<td>用户名</td>
										<td>手机号</td>
										<td>性别</td>
										<td>生日</td>
										<td>邮箱</td>
										<td>姓名</td>
										<td>班级</td>
										<td>学号</td>
									</tr>
								</thead>
								<tbody>
									
								</tbody>
							</table>
							<button type="button" class="btn btn-success" id="update">修改信息</button>
						</div>
						
						<!-- 修改信息界面 -->
						<div id="studentinfoupdate" style="display: none;">
							<div class="form-group">
								用户名:<input type="text" class="form-control" id="s_uname" disabled="disabled"/>
								手机号:<input type="text" class="form-control"  id="s_phone"/>
								性别:<input type="text" class="form-control"  id="s_sex"/>
								生日:<input type="date" class="form-control"  id="s_birthday"/>
								邮箱:<input type="text" class="form-control"  id="s_email"/>
								班级:<select id="s_class" class="form-control">
								</select>
								<!-- <input type="text" class="form-control"  id="s_class"/> -->
								姓名:<input type="text" class="form-control"  id="s_name"/>
								学号:<input type="text" class="form-control"  id="s_id"/>
							</div>
							<button type="button" class="btn btn-success" id="sureupdate">确认修改</button>
						</div>


					</div>


					<!-- 关于我们 -->
					<div id="aboutme1" style="display: none;">
						<p>主要涉及技术：</p>
						<p>web前端:jq,js,bootstrap,html,css</p>
						<p>node.js,mysql</p>
						<p>很惭愧</p>
						<p>只做了一点微小的工作</p>
						<p>谢谢大家</p>

					</div>


					<!-- 联系我们 -->
					<div id="callme1" style="display: none;">
						<p>qq：2324094523</p>

					</div>


				</div>
			</div>

		</div>


		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/homePage.js" type="text/javascript" charset="utf-8"></script>
		<!-- 客服代码 -->
		<script src="//code.tidio.co/3qr94ugowoppbvwclmfx2tdxw9cau8ts.js" async></script>
	</body>
</html>
